<div class="modal-header">
    <div class="modal-title">添加司机</div>
</div>
<!-- <nz-spin *ngIf="!i" class="modal-spin"></nz-spin> -->
<div class="sfBox">
    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema">
        <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
            <div class="pr">
                <dl class="tips">
                    <dt>正面照</dt>
                    <dd>示例</dd>
                </dl>
                <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
            </div>
        </ng-template>
        <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
            <div class="pr">
                <dl class="tips">
                    <dt>背面照</dt>
                    <dd>示例</dd>
                </dl>
                <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
            </div>
        </ng-template>
    </sf>
    <sf #sf1 [compact]="true" [ui]="ui2" [schema]="schema1" [button]="'none'" *ngIf="schema1">
        <ng-template sf-template="roadImg" let-me let-ui="ui" let-schema="schema">
            <img height="104" src="/assets/images/drivercard.png" class="borderImg" />
        </ng-template>
    </sf>
    <sf #sf2 [compact]="true" [ui]="ui3" [schema]="schema2" [button]="'none'" *ngIf="schema2">
        <ng-template sf-template="agreeImg" let-me let-ui="ui" let-schema="schema">
            <img height="104" src="/assets/images/jopcard.png" class="borderImg" />
        </ng-template>
    </sf>
    <!-- <div class="example" (click)="showExample()">
      查看示例
      <div class="popBox" *ngIf="showCardFlag">
          <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
      </div>
  </div>
  <div class="example positionSet" (click)="showJopExample()">
      查看示例
      <div class="popBox" *ngIf="showJopFlag">
          <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
      </div>
  </div> -->
</div>
<div class="modal-footer">
    <button nz-button type="button" (click)="close()">关闭</button>
    <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!(sf?.valid && sf1?.valid && sf2?.valid)">确定</button>
</div>